.cutCornerTag {
    color: red;
}
.outer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    // width: 52px;
    height: 22px;
    background-size: 51% 51% !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 2px;
    margin-left: -2px;
}
.inner {
    font-size: 12px;
    text-align: center;
    padding: 0 7px 0 10px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    // background: linear-gradient(60deg, transparent 11px, #f7f7f7 0) bottom left,
    //     linear-gradient(#f7f7f7, #f7f7f7) bottom right, linear-gradient(#f7f7f7, #f7f7f7) top right,
    //     linear-gradient(120deg, transparent 11px, #f7f7f7 0) top left;
    background-size: 51% 51% !important;
    background-repeat: no-repeat !important;
    white-space: nowrap;
}
